<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<link rel="stylesheet" type="text/css" href="../styles/html.css" />
<link rel="stylesheet" type="text/css" href="../styles/default.css" />
<script type="text/javascript" src="../scripts/jquery/lib/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript">
<!--
	var context='../';
-->
</script>
  <link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/default/easyui-custom.css" />
<link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/icon.css" />
<script type="text/javascript" src="../scripts/jquery/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/easyui/locale/easyui-lang-zh_CN.js"></script>


  
  <script type="text/javascript" src="../scripts/utils/ajaxupload.js"></script>
  <script type="text/javascript" src="../scripts/appjs/common.js"></script> 
  <link href="../scripts/jquery/showLoading/css/showLoading.css" rel="stylesheet" media="screen" />
  <script type="text/javascript" src="../scripts/jquery/showLoading/js/jquery.showLoading.js"></script>
  <script type="text/javascript">
  <!--
  		$(document).ready(function(){
  			$.acflow.tableGrid('#tableList',{title:'My Balance'});  		
  			
  		});
  		
  		function submitForm(taskId){
  			var url='pay-balance.html';
			parent.$.acflow.addFrameTab({title:'Pay Balance',href:url,isReload:true,frameId:'payBalanceFormFrameID1',iconCls:'icon-processInst'});		
  		}
  		
	-->
	  </script>
	  </head>
<body>
	
  	<div id="showLoading" style="margin: 10px">
	  	<div><img src="../images/info_16.png" />Current Page：User Menu &gt; My Balance</div>
	  	<div style="width: 100%;height: 400px;padding-top: 6px">
	    <table id="tableList">
	    	<thead>
	    		<tr>
	    			<th field="count" width="60" align="center">No.</th>
	    			<th field="id" width="40" align="center">ID</th>
	    			<th field="status" width="80" align="center">Status</th>
	    			<th field="location" width="130" align="center">Start Time</th>
	    			<th field="carType" width="130" align="center">Exit Time</th>
	    			<th field="description" width="100" align="center">Price/Hour</th>
	    			<th field="description" width="100" align="center">Amount</th>
	    			<th field="opAction" width="150" align="center">Action</th>
	    		</tr>
	    	</thead>
	    	<tbody>
	    		
	    		<tr>
	    			<td>1</td>
	    			<td>1201</td>
	    			<td>Payed</td>
    			  <td>12/03/2013 09:00:00</td>
	    			<td>12/03/2013 12:00:00</td>
    			  <td>5.00</td>
	    			<td>15.00</td>
	    			<td>Pay this                    
                    </td>
	    		</tr>
	    		<tr>
	    			<td>2</td>
	    			<td>1202</td>
	    			<td>Unpay</td>
	    			<td>13/03/2013 09:00:00</td>
	    			<td>12/03/2013 13:00:00</td>
    			  <td>5.00</td>
	    			<td>20.00</td>
	    			<td><a href="javascript:submitForm(102);" >Pay this</a>                    
                    </td>
	    		</tr>
	    		<tr>
	    			<td>3</td>
	    			<td>1206</td>
	    			<td>Unpay</td>
	    			<td>15/03/2013 09:00:00</td>
	    			<td>15/03/2013 12:00:00</td>
    			  <td>5.00</td>
	    			<td>15.00</td>
	    			<td><a href="javascript:submitForm(106);" >Pay this</a>                    
                    </td>
	    		</tr>
	    	</tbody>
	    </table>
	    <div style="text-align: center;padding-top: 12px">
	    	
	    </div>
	    </div>
	    
	    <form id="showUrlForm" action="" method="get"></form>
    </div>

</body>
</html>